

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="../css/popup.css"/>
        <link rel="stylesheet" type="text/css" href="../css/kapiform.css"/>
        <script type="text/javascript" language="javascript" src="../scripts/jQuery/jq.date.js"></script>  
        <link rel="stylesheet" type="text/css" href="../css/ui.datepicker.css"/>
    </head>
    <script type="text/javascript">
        
        var open_cur = 0;
        //        if (typeof jQuery == 'undefined') {
        //            window.location.href="accessdenied.jsp";
        //        }
        $j = jQuery.noConflict();
        $j(document).ready(function(){
            $j('input#dateStart, input#dateEnd').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
            $j('input#dateStart1, input#dateEnd1').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true}); 
            $j('input#date').datepicker({ dateFormat: 'dd/mm/yy', showOn: 'button', buttonImage: '../images/calenda_icon.gif', buttonImageOnly: true }); 
            $j('.header-box').live('click', function(){
                $j(".alert1").text("");  $j(".alert").text("");
                if($j(this).next('.customer-box').css('display') != 'none'){
                    return;
                }else{
                    // var PN100=$j('#form-input-customerform\\:PN100').val();
                    var PN100  =$j('.pn100lang').attr("lang");
                   
                    if(PN100 != 0)
                    {
                        $j('.messa').hide();
                        $j('.customer-box').slideUp();                         
                        $j('.boder-bomttom').removeClass('boder-bomttom');
                        $j(this).next('.customer-box').slideDown();
                        $j(this).addClass('boder-bomttom');
                    } else{
                        
                        $j('.messa').show();
                        $j(this).next('.customer-box').css('display') != 'none'
                    }
                           
                }

            });
            $j('.close111').live('click', function(){
                window.location.href="customerexpand.jsp";
            });
            $j('#fancybox-close').live('click', function(){
                window.location.href="customerexpand.jsp";
            });   
            //  $j('.checkCmnd').attr('checked',true);
            $j('.passport, .place_of_issue1').attr('disabled', true);  
            $j('input#dateStart1,input#dateEnd1').datepicker("disable");
            $j('.cmnd, .place_of_issue').attr('disabled', true);  
            $j('input#dateStart,input#dateEnd').datepicker("disable");
            $j(".checkPassport").live("click",function(){
              
                if($j('.checkPassport').is(':checked')){
                    $j('.passport, .place_of_issue1').attr('disabled', false); 
                    $j('input#dateStart1,input#dateEnd1').datepicker("enable");
                }else{
                    $j('.passport, .place_of_issue1').attr('disabled', true); 
                    $j('input#dateStart1,input#dateEnd1').datepicker("disable");
                }
                       
            }); 
            if($j('.checkCmnd').is(':checked')){
                $j('.cmnd, .place_of_issue').attr('disabled', false); 
                $j(".alert2").text("");
                $j('input#dateStart,input#dateEnd').datepicker("enable");
            }
            $j(".checkCmnd").live("click",function(){
              
                if($j('.checkCmnd').is(':checked')){
                    $j('.cmnd, .place_of_issue').attr('disabled', false); 
                    $j(".alert2").text("");
                    $j('input#dateStart,input#dateEnd').datepicker("enable");
                }else{
                    $j('.cmnd, .place_of_issue').attr('disabled', true); 
                    $j('input#dateStart,input#dateEnd').datepicker("disable");
                }
                       
            }); 
       
       

            $j(".buttonsave").live("click",function(){
                if($j('.requiredF').val() == '' || $j('.requiredL').val() == ''  ){
                    // alert($j('.requiredF').val());
                    $j(".alert").text("(*) Không được để trống!!!");
                }else{
                    
                    $j(".alert").text("");
                    if($j('.delay').css('display') != 'none')
                    {
                        $j('.demo').show();
                        $j('.demo').delay(6000).fadeOut('slow');
                    }
                }                 
            }); 
        
            $j(".buttonsavecmnd").live("click",function(){                          
                if($j('.checkCmnd').is(':checked'))
                {                                                        
                    if($j('.cmnd').val() == ''){
                        // alert($j('.requiredF').val());
                        $j(".alert2").text("(*) Không được để trống!!!");                                 
                    }else
                    {
                       
                        $j(".alert2").text("");
                        if($j('.delay').css('display') != 'none')
                        {
                            $j('.demo').show();
                            $j('.demo').delay(6000).fadeOut('slow');
                        }  
                    }
                }                           
                         
            }); 
            
            
            $j(".buttonsaveContact").live("click",function(){
                if($j('.requiredD').val() == '' || $j('.requiredT').val() == ''  ){
                    // alert($j('.requiredF').val());
                    $j(".alert").text("(*) Không được để trống!!!");
                }else{
                    
                    $j(".alert").text("");
                    if($j('.delay').css('display') != 'none')
                    {
                        $j('.demo').show();
                        $j('.demo').delay(6000).fadeOut('slow');
                    }
                }                              
            });    
            
            $j(".buttonsaveCompany").live("click",function(){
                $j(".research").hide();
                if($j('.requiredC').val() == ''){
                    // alert($j('.requiredF').val());
                    $j(".alert2").text("(*) Không được để trống!!!");
                }else{
                    
                    $j(".alert2").text("");
                    if($j('.delay').css('display') != 'none')
                    {
                        $j('.demo').show();
                        $j('.demo').delay(7000).fadeOut('slow');
                    }
                }                              
            });  
            
            $j(".buttonsaveCompany1").live("click",function(){
                $j(".research").hide();
                if($j('.requiredC').val() == ''){
                    // alert($j('.requiredF').val());
                    $j(".alert2").text("(*) Không được để trống!!!");
                }else{
                   
                    $j(".alert2").text("Dữ liệu cập nhật thành công!");
                    
                    $j('.alert2').delay(7000).fadeOut('slow');
                }                              
            });  
            $j(".buttonsaveAccount").live("click",function(){
                if($j('.requiredS').val() == '' || $j('.requiredN').val() == '' ){
                    // alert($j('.requiredF').val());
                    $j(".alert2").text("(*) Không được để trống!!!");
                }else{
                    
                    $j(".alert2").text("");
                    if($j('.delay').css('display') != 'none')
                    {
                        $j('.demo').show();
                        $j('.demo').delay(6000).fadeOut('slow');
                    }
                }                              
            }); 
            validateform("form-input-customer");
            validateform("contact");
        });

    </script>

    <script type="text/javascript">
        $j = jQuery.noConflict();
        $j(document).ready(function(){
            $j(".buttonsearch").live('click', function(){
                $j(".research").show();
            });
            $j(".check_select1").live('click', function(){          
                if($j(this).is(':checked')){               
                    iddd = $j(this).attr("lang");
                    $j('input[lang!='+iddd+'].check_select1').attr('checked',false);
                    // var idd = $j(this).parents().find(".idd").text();
                    // var PN100=$j('#form-input-customer\\:PN100').val();
                    var PN100  =$j('.pn100lang').attr("lang");
                   
                    var cty = $j(this).parent().next().children().children().text();
                    var dchi = $j(this).parent().next().next().children().children().text();
                    var nn = $j(this).parent().next().next().next().children().children().text();
                    $j.post("actionCustomerexpand.jsp?idEm=" + PN100 + "&iddd=" + iddd , function(data){                      
                    });
                    
                    $j(this).parents().parents().parents().parents().parents().next().next().next().children().next().next().show();
                    $j(this).parents().parents().parents().parents().parents().next().next().next().children().next().next().next().hide();                   
                    $j(this).parents().parents().parents().parents().parents().next().children().find(".requiredC").val(cty);
                    //  alert($j(this).parents().parents().parents().parents().parents().next().children().next().find(".requiredTT").val(cty));
                    $j(this).parents().parents().parents().parents().parents().next().children().next().find(".requiredTT").val(dchi);               
                    $j(this).parents().parents().parents().parents().parents().next().next().children().next().find(".requiredNN").val(nn);
                    $j(this).parents().parents().parents().parents().parents().next().next().children().find(".combobox").val(nn);               
                }else{
                    $j(this).parents().parents().parents().parents().parents().next().next().next().children().next().next().hide();
                    $j(this).parents().parents().parents().parents().parents().next().next().next().children().next().next().next().show();   
                    $j(this).parents().parents().parents().parents().parents().next().children().find(".requiredC").val("");
                    $j(this).parents().parents().parents().parents().parents().next().children().next().find(".requiredTT").val("");
                }

            });
           

        });
    </script>

    <script type="text/javascript">
        $j = jQuery.noConflict();
        $j(document).ready(function(){
            var counter = 2;
            $j("#unaddmobi").css('display', 'none');
            $j('#addmobi').live('click',function(){          
                if(counter>3){
                    alert("Chỉ cho phép 3 số mobi");
                    return false;
                }  
                   
               
                var newTextBoxDiv = $j('<div id="TextBoxDiv'+counter+'"></div>')
                newTextBoxDiv.append('<input type="text" name="textbox' + counter + '" id="textbox' + counter + '" value="" /><div id="unaddmobi"><img src="../images/fileclose.png" alt="delete" title="delete" /></div> ');
                $j('#TextBoxesGroup').append(newTextBoxDiv);
                //alert("wel2");
                counter++;
                $j("#unaddmobi").css('display', 'block');
            });
                
            $j("#unaddmobi").live('click',function () {
                    
                
                if (counter == 2) {
                    alert("Không thể xóa");
                    $j("#unaddmobi").css('display', 'none');
                    return false;
                }
                counter--;
                $j("#TextBoxDiv" + counter).remove();
            });
        });
    </script>
    <style type="text/css">

        .delay{
            font-size: 12px !important;
        }
        .select_cus td label{
            width: 79px !important;
            margin-left: 3px;
        }
        .fromcareww{
            display: none;
            margin-top: 26px;
        }

        .buttonsave1 {
            background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent;
            border: 0 none;
            color: white;
            cursor: pointer;
            float: left;
            font-size: 10px;
            font-weight: bold;
            height: 13px;
            margin-bottom: 5px;
            margin-left: 11px;
            padding: 4px 7px;
            text-transform: uppercase;
            width: auto;
        }
        .buttonsave2 {
            background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent;
            border: 0 none;
            color: white;
            cursor: pointer;
            float: left;
            font-size: 10px;
            font-weight: bold;
            height: 13px;
            display: none;
            margin-left: 11px;
            padding: 4px 7px;
            text-transform: uppercase;
            width: auto;
            margin-bottom: 5px;
            font-size: 12px !important;
            width:210px !important;
        }
        .message{
            color: red;
            float: left;
            margin-left: 202px;
            margin-top: 16px;

        }
        .alert1111{
            float:left;color: red;
            float: left;
            font-weight: bold;
            height: 20px;
            line-height: 20px;
            margin-bottom: 10px;
            margin-left: -100px;
            margin-top: 10px;
            max-height: 30px;
            overflow: hidden;
            position: absolute;
            text-align: center;
            width: 200px;
        }
        .bg_department{
            height: 68px !important;
        }
        .feild_sex td label{
            color:#4C4C4C;
        }
        #ui-datepicker-div
        {
            z-index: 9999999;
        }
        .alert{
            width:200px;
            height:20px;
            max-height:30px;
            overflow: hidden;
            float: left;
            line-height: 20px;
            text-align:center;
            color:red;
            margin-bottom: 10px;
            margin-top: 10px;
            position: absolute;
            margin-left: 209px;
            font-size: 12px !important;
            font-weight: normal;
        }
        .alert2{
            width:200px;
            height:20px;
            max-height:30px;
            overflow: hidden;
            float: left;
            line-height: 20px;
            text-align:center;
            color:red;
            margin-bottom: 10px;
            margin-top: 10px;
            position: absolute;
            margin-left: 209px;
            font-size: 12px !important;
            font-weight: normal;
        }
        .alert1{
            width:200px;
            height:20px;
            max-height:30px;
            overflow: hidden;
            float: left;
            line-height: 20px;
            text-align:center;
            color:red;
            margin-bottom: 10px;
            margin-top: 10px;
            position: absolute;
            margin-left: 209px;
            font-size: 12px !important;
            font-weight: normal;
        }
        .alertC{
            width:200px;
            height:20px;
            max-height:30px;
            overflow: hidden;
            float: left;
            line-height: 20px;
            text-align:center;
            color:red;
            margin-bottom: 10px;
            margin-top: 10px;
            margin-left: -100px; 
            font-size: 12px !important;
            font-weight: normal;
        }

        .buttonsavecmnd{
            background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent;
            border: 0 none;
            color: white;
            cursor: pointer;
            float: right;
            font-size: 15px;
            font-weight: bold;
            height: 28px;
            margin-right: 20px;
            margin-top: 9px;
            text-transform: uppercase;
            width: 75px;
        }

        .buttonsaveContact{
            background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent;
            border: 0 none;
            color: white;
            cursor: pointer;
            float: right;
            font-size: 15px;
            font-weight: bold;
            height: 28px;
            margin-right: 20px;
            margin-top: 9px;
            text-transform: uppercase;
            width: 75px;
        }
        .buttonsaveCompany{
            background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent;
            border: 0 none;
            color: white;
            cursor: pointer;
            float: right;
            font-size: 15px;
            font-weight: bold;
            height: 28px;
            margin-right: 20px;
            margin-top: 9px;
            text-transform: uppercase;
            width: 75px;
        }
        .buttonsaveCompany1{
            background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent;
            border: 0 none;
            color: white;
            cursor: pointer;
            float: right;
            font-size: 15px;
            font-weight: bold;
            height: 28px;
            margin-right: 20px;
            margin-top: 9px;
            text-transform: uppercase;
            width: 75px;
        }
        .buttonsaveAccount{
            background: url("../images/button_left.gif") repeat-x scroll 0 0 transparent;
            border: 0 none;
            color: white;
            cursor: pointer;
            float: right;
            font-size: 15px;
            font-weight: bold;
            height: 28px;
            margin-right: 20px;
            margin-top: 9px;
            text-transform: uppercase;
            width: 75px;
        }
        .fast_search1{

            margin-left: 100px;
        }
        .text_search1{

        }
        .fast_search1 input[type="text"]{
            height: 26px;
            width:300px;
            border: 1px solid #138EF9;
            border-radius: 4px ;
            float:left;

        }
        .fast_search1 a img{
            cursor: pointer;
            height: 34px;
            margin-left: 5px;
            width: 45px;
            border-radius: 4px ;

        }
        .buttonsearch1{
            font-weight: bold;
            border:0;          
            width:56px; height:24px;
            color:#ffffff;
            border-radius: 2px 3px 2px 3px;
            cursor:pointer;
            text-transform:uppercase;
            background-color: #526171;
        }

        .title labe{
            width:23px;
        }
        .sort_char1 label{
            width:21px ;
            text-align: center;
        }
        .sort_char1 {
            text-align: center;
            font-size: 11px ;
            margin-right: 0 ;
        }
        .sort_char1 a{
            border: 1px solid #82A6C7  ;
            color: #266DB3 ;
            cursor: pointer ;
            display: inline-block ;
            line-height: 20px ;

        }
        .research{

            float: left;
            width:100%;
            height: auto;
            margin-bottom: 10px;
        }
        .namecompany{
            float:left;
            width:50% 
        }
        .carew{
            float:left;
            width:50% 
        }
        .idd{
            color: white;
        }
        .addcarew{
            display:none;
        }
        .addcarew1{
            display:block;
        }
        .congty{
            /* width:120px;*/
        }
        .button{
            float: left;
            width:100%;
            height: 40px;
        }
        #addmobi{
            float: left;
            margin-left: 3px;
            margin-top: 3px;
        }

        #addmobi img{
            height: 15px;
            width:14px;

        }
        #unaddmobi{
            float: left;
            margin-left: 3px;
            margin-top: 2px;
        }

        #unaddmobi img{
            height: 17px;
            width:14px;

        }
        #addtel{
            height: auto !important;
            margin-bottom: 4px !important;
        }
        #TextBoxesGroup{
            float: left;
        }

        #TextBoxDiv2{
            margin-left: 90px;
            margin-top: 14px !important;
        }
        #TextBoxDiv3{
            margin-left: 90px;
            margin-top: 44px !important;
        }
        #addtelcom{
            margin-left: 53px;
        }
        #addtelcom select{
            border: 1px solid #B2B7BB;
            height: 24px;
            width: 51px;
        }
        span img{
            height: 15px !important;
            width:15px !important;

        }
        .fromtim{
            float: left;
            width:100%;
            height: 30px;
            margin-bottom: 7px;
        }
        .header-box
        {
            width: 668px !important;
           
        }
        .customer-box
        {
            width: 672px !important;
        }
    </style>
    <a4j:form id="form-input-customer1" >
        <div class="popup-content" style="background: #fff;display:none;float:left;">
            <div class="returnFind" style="position:relative; float:left; margin-left: 24px; width: 68px; height:23px;background:url('../images/bg_submit.gif'); border-radius: 3px;margin-top:5px;">
                <p style="position:relative; margin-left:14px;font-size: 12px;font-weight: bold; color: #fff;margin-top: 4px;cursor: pointer;"> TRỞ VỀ</p>
            </div>
            <div class="addEm">
                <h:panelGroup>                                   
                    <div class="form-left">
                        <div class="fields_input">
                            <label><h:outputText value="#{locale.title}"/></label>
                            <h:selectOneMenu value="#{CustomerBean.nv108}" styleClass="nv108">  
                                <f:selectItems value="#{CustomerBean.selectItems}" />  
                            </h:selectOneMenu>

                        </div>
                        <div class="fields_input">
                            <label><h:outputText value="#{locale.fname}"/>*:</label>&nbsp;
                            <h:inputText value="#{CustomerBean.nv102}" onkeyup="this.value=this.value.toUpperCase();" styleClass="required nv102">                                      
                            </h:inputText>

                        </div>
                        <div class="fields_input">
                            <label><h:outputText value="Chữ lót"/>*:</label>&nbsp;
                            <h:inputText value="#{CustomerBean.nv127}" onkeyup="this.value=this.value.toUpperCase();" styleClass="required nv127">                                      
                            </h:inputText>

                        </div>
                        <div class="fields_input">
                            <label><h:outputText value="#{locale.lname}"/>*:</label>&nbsp;                                     
                            <h:inputText value="#{CustomerBean.nv103}" onkeyup="this.value=this.value.toUpperCase();" lang="firstname" styleClass="required nv103"></h:inputText>
                            </div>

                        </div>
                        <div class="form-right">
                            <div class="fields_input" style="display: none;">
                                <label> <h:outputText value="#{locale.sex}"/>*:</label>
                            <h:selectOneRadio value="#{CustomerBean.nv107}" styleClass="feild_sex nv107"  style="width:100px;"   >
                                <f:selectItem itemValue="M" itemLabel="#{locale.employeeSexMale}" />
                                <f:selectItem itemValue="F" itemLabel="#{locale.employeeSexFmale}"/>                                                     
                            </h:selectOneRadio>
                        </div>
                        <div class="fields_input">                                       
                            <label><h:outputText value="#{locale.dateBorn}"/>*:</label>&nbsp;
                            <input type="text" id="leavedate1" name="leavedate1"  class="input_fields required date nd118"  
                                   value="<h:outputText value="#{CustomerBean.nd118}"> <f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>"/>

                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.status_marries}"/>:</label>
                            <h:selectOneMenu value="#{CustomerBean.nv109}"  styleClass="nv109">                                           
                                <f:selectItem itemLabel="#{locale.status_family_true}" itemValue="1" />
                                <f:selectItem itemLabel="#{locale.status_family_false}" itemValue="2" />
                                <f:selectItem itemLabel="#{locale.status_family_orther}" itemValue="3" />
                            </h:selectOneMenu>
                        </div>
                        <div class="fields_input">
                            <label><h:outputText value="Nguồn thông tin" />:</label>&nbsp;
                            <h:selectOneMenu value="#{CustomerBean.FK300}" styleClass="fk300">
                                <f:selectItems value="#{CustomerBean.listComboK300}"/>
                            </h:selectOneMenu>
                        </div>
                        <div class="fields_input">
                            <label><h:outputText value="Status" />:</label>&nbsp;
                            <h:selectOneMenu value="#{CustomerBean.FK330}" styleClass="fk330">
                                <f:selectItems value="#{CustomerBean.listComboK330}"/>
                            </h:selectOneMenu>
                        </div>
                    </div>
                    <div class="popup-footer">
                        <h:outputText value="#{CustomerBean.message}" id="mesage5" styleClass="mesage"/>
                        <a4j:commandButton onclick="showPleaseWait();"    oncomplete="hidePleaseWait();$j('.messa').text('');"  styleClass="buttonsave savewait saveCustomerAJ" value="#{locale.save}" reRender="mesage5">
                            <f:param value="3" name="fn600"/>
                            <f:param value="#{k100Controller.PK100}" name="id"/>
                        </a4j:commandButton>




                    </div>


                </h:panelGroup>     
            </div>
        </div>
        <%--
        <div class="popup-content" style="background: #fff;display:none;float:left;">
            <div style="float:left; margin-left: 18px;">
                <div class="returnFind" style="position:relative; float:left; margin-left: 24px; width: 68px; height:23px;background:url('../images/bg_submit.gif'); border-radius: 3px;margin-top:5px;">
                    <p style="position:relative; margin-left:14px;font-size: 12px;font-weight: bold; color: #fff;margin-top: 4px;cursor: pointer;"> TRỞ VỀ</p>
                </div>
                <div style="float:left;"  class="alert"></div>
                <div style="clear:both;"></div>
                <div style="clear:both;"></div>
                <span class="header-box boder-bomttom"><h:outputText value="#{locale.job_info}" lang="#{customerExpand.PN100}" id="pn100lang" styleClass="pn100lang"/></span>
                <div class="customer-box" style="">
                    <h:inputHidden id="PN100" value="#{customerExpand.PN100}" />
                    <h:panelGroup id="message2" >
                        <div style="float:left; width:50%;">
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.title}"/></label>
                                <h:selectOneMenu value="#{customerExpand.NV101}" style="margin-left:9px; height:21px;width:142px;">
                                    <f:selectItems value="#{customerExpand.selectItems}" />
                                </h:selectOneMenu>

                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.fname}"/>*:</label>&nbsp;
                                <h:inputText value="#{customerExpand.NV102}" id="firstname" styleClass="requiredF">
                                    <h:message for="firstname"/>
                                </h:inputText>

                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="Chữ lót"/>:</label>&nbsp;
                                <h:inputText value="#{customerExpand.NV127}" id="middlename" >
                                    <h:message for="middlename"/>
                                </h:inputText>

                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.lname}"/>*:</label>&nbsp;
                                <h:inputText value="#{customerExpand.NV103}" id="lastname" lang="firstname" styleClass="requiredL"></h:inputText>
                                </div>
                            </div>
                            <div style="float:left; width:50%;">
        <%--    <div class="fields_input">
                <label> <h:outputText value="#{locale.sex}"/>*:</label>
                <h:selectOneRadio value="#{customerExpand.NV105}" styleClass="feild_sex"  style="margin-left:5px; padding:15px; width:175px;"   >
                    <f:selectItem itemValue="M" itemLabel="#{locale.employeeSexMale}" />
                    <f:selectItem itemValue="F" itemLabel="#{locale.employeeSexFmale}"/>
                </h:selectOneRadio>
            </div> 
        <div class="fields_input">
            <label><h:outputText value="Ngày sinh"/>:</label>&nbsp;
            <input value="<h:outputText value="#{customerExpand.nd118}">
                       <f:convertDateTime pattern="dd/MM/yyyy"/> 
                   </h:outputText>" 
                   type="text" id="date" name="date" class="" />
        </div>
        <div class="fields_input">
            <label><h:outputText value="#{locale.email}" />:</label>&nbsp;
            <h:inputText value="#{customerExpand.email}" styleClass="email" />
        </div>
        <div class="fields_input">
            <label><h:outputText value="#{locale.mobile}" />:</label>&nbsp;
            <h:inputText value="#{customerExpand.mobi}" styleClass="number" />
        </div>
        <div class="fields_input">
            <label><h:outputText value="#{locale.tel}" />:</label>&nbsp;
            <h:inputText value="#{customerExpand.tel}" styleClass="number" />
        </div>
    </div>
    <div style="width:100%;float:left;">
        <label><h:outputText value="#{locale.notice1}"/>:</label>
        <h:inputTextarea value="#{customerExpand.notice}" cols="20" style="margin-left: 9px;width: 502px;" ></h:inputTextarea>
        </div>

                    </h:panelGroup>
                    <div class="popup-footer" style="height:40px;">
                        
                        <div class="demo">  <h:panelGroup id="message1" ><div class="alert1"><h:outputText rendered="#{customerExpand.PN100 != 0}" styleClass="delay" value="Dữ liệu cập nhật thành công!"/></div></h:panelGroup> </div>
                        <a4j:commandButton  value='#{locale.save}' actionListener="#{customerExpand.saveN100andN590}"
                                            onclick="showPleaseWait();"
                                            oncomplete="hidePleaseWait();" 
                                            styleClass="buttonsave" reRender="message1,contact,pn100lang" >
                        </a4j:commandButton>


                    </div>
                    <!-- End List Content-->
                </div>
                <!-- giay to tuy than -->
                <span class="header-box"><h:outputText value="#{locale.papers_person}"/></span>
                <div class="customer-box" style="display:none">
                    <h:inputHidden id="PN100a" value="#{customerExpand.PN100}" />
                    <div style="float:left; width:50%;">
                        <div class="fields_input">
                            <label><h:outputText value="#{locale.identification}"/>*:</label>
                            <h:selectBooleanCheckbox value="#{customerExpand.nn355c}"  styleClass="checkCmnd" />
        <%--   <h:selectOneMenu value="#{customerExpand.nn355}">
               <f:selectItem itemLabel="#{locale.identification}" itemValue="1" />                                       

                                    </h:selectOneMenu> 
                        </div>
                        <div class="fields_input">
                            <label><h:outputText value="#{locale.number}"/>*:</label>
                            <h:inputText value="#{customerExpand.nv351c}" id="cmnd" styleClass="cmnd required maxlength number" lang="16">

                            </h:inputText>

                        </div>
                        <div class="fields_input fixdate">
                            <label><h:outputText value="#{locale.date_of_issue}"/>:</label>
                            <input value="<h:outputText value="#{customerExpand.nd352}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>" type="text" id="dateStart" name="dateStart" class="input_fields date" />


                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.place_of_issue}"/>:</label>
                            <h:inputText value="#{customerExpand.nv354c}" styleClass="place_of_issue" />
                        </div>
                    </div>
                    <div style="float:left; width:49%; border-left: 1px solid #D4D7D8;">
                        <div class="fields_input">
                            <label><h:outputText value="#{locale.passport}"/>*:</label>
                            <h:selectBooleanCheckbox value="#{customerExpand.nn355p}"  styleClass="checkPassport"/>
        <%--  
           <h:selectOneMenu value="#{customerExpand.nn355}">                                       
               <f:selectItem itemLabel="#{locale.passport}" itemValue="2" />

                                    </h:selectOneMenu> 
                        </div>
                        <div class="fields_input">
                            <label><h:outputText value="#{locale.number}"/>*:</label>
                            <h:inputText value="#{customerExpand.nv351p}" id="passport"  styleClass="passport required maxlength number" lang="16" >

                            </h:inputText>

                        </div>
                        <div class="fields_input fixdate">
                            <label><h:outputText value="#{locale.date_of_issue}"/>:</label>
                            <input  value="<h:outputText value="#{customerExpand.nd352}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>" type="text" id="dateStart1" name="dateStart1" class="dateStart1 input_fields date"  />


                            </div>
                            <div class="fields_input fixdate">
                                <label><h:outputText value="#{locale.closing_date}"/>:</label>
                            <input value="<h:outputText value="#{customerExpand.nd353}"><f:convertDateTime pattern="dd/MM/yyyy"/></h:outputText>" type="text" id="dateEnd1" name="dateEnd1" class="dateEnd1 input_fields date" />

                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.place_of_issue}"/>:</label>
                            <h:inputText value="#{customerExpand.nv354p}" styleClass="place_of_issue1" />
                        </div>

                    </div>

                    <div class="popup-footer" style="height:40px;">
                        <div style="float:left;"  class="alert2"></div>
                        <div class="demo">  <h:panelGroup id="mesagen350" > <div class="alert1"><h:outputText styleClass="delay" value="#{customerExpand.message}"/> </div></h:panelGroup> </div>
                        <a4j:commandButton  value='#{locale.save}' actionListener="#{customerExpand.saveN350}"
                                            onclick="showPleaseWait();"
                                            oncomplete="hidePleaseWait();" 
                                            styleClass="buttonsavecmnd" reRender="message3,mesagen350" />
                    </div>
                </div>
                <!-- end giay to tuy than -->

                <h:panelGroup id="contact" >
                    <span class="header-box"><h:outputText value="#{locale.contact_person}"/></span>
                    <div class="customer-box" style="display:none;">
                        <h:inputHidden id="PN100aaaa" value="#{customerExpand.PN100}" />

                        <div style="float:left; width:50%;">
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.address}"/>*:</label>
                                <h:inputText value="#{customerExpand.NV952}" id="address" styleClass="requiredD">
                                </h:inputText>
                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.ward}"/>:</label>
                                <h:inputText value="#{customerExpand.NV954}"/>
                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.district}"/>:</label>
                                <h:inputText value="#{customerExpand.NV955}"/>
                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.city}"/>:</label>
                                <h:inputText value="#{customerExpand.NV957}"/>
                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.email}"/>:</label>
                                <h:inputText value="#{customerExpand.NV967}" styleClass="email"/>
                            </div>
                        </div>
                        <div style="float:left; width:50%;">
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.tel}"/>*:</label>
                                <h:inputText value="#{customerExpand.NV958}"  styleClass="number requiredT" id="tel">
                                </h:inputText>
                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.mobile}"/>:</label>
                                <h:inputText value="#{customerExpand.NV962}"  styleClass="number" >

                                </h:inputText>
                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.fax}"/>: </label>
                                <h:inputText value="#{customerExpand.NV961}" styleClass="number" >
                                </h:inputText>

                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.skype}"/>:</label>
                                <h:inputText value="#{customerExpand.NV968}"></h:inputText>
                                </div>
                                <div class="fields_input">
                                    <label><h:outputText value="#{locale.yahoo}"/>:</label>
                                <h:inputText value="#{customerExpand.NV969}"></h:inputText>
                                </div>
                                <div class="popup-footer" style="height:40px;">
                                    <div style="float:left;color: red;
                                         float: left;
                                         font-weight: normal;
                                         height: 20px;
                                         line-height: 20px;
                                         margin-bottom: 10px;
                                         margin-left: -100px;
                                         margin-top: 10px;
                                         max-height: 30px;
                                         overflow: hidden;
                                         position: absolute;
                                         text-align: center;
                                         width: 200px;" class="alert"></div>
                                    <div class="demo">  <h:panelGroup id="message4" > <div class="alertC"><h:outputText rendered="#{customerExpand.countContact != 0}" styleClass="delay" value="Dữ liệu cập nhật thành công!"/> </div></h:panelGroup> </div>
                                <a4j:commandButton  value='#{locale.save}' actionListener="#{customerExpand.saveN950}"
                                                    onclick=" showPleaseWait();"
                                                    oncomplete="hidePleaseWait();" 
                                                    styleClass="buttonsaveContact" reRender="message4"/>
                            </div>
                        </div>

                    </div>
                </h:panelGroup>

                <h:panelGroup id="account">
                    <span class="header-box"><h:outputText value="#{locale.bank_account}"/></span>

                    <div class="customer-box" style="display:none">
                        <h:inputHidden id="PN100n1" value="#{customerExpand.PN100}" />
                        <div style="float:left; width:70%;">
                            <div class="fields_input">
                                <label ><h:outputText value="#{locale.bank_acc_num}"/>*:</label>
                                <h:inputText value="#{customerExpand.TV027}" id="code1"  style="width:310px;" lang="16" styleClass="requiredS number maxlength" />

                            </div>
                        </div>   
                        <div style="float:left; width:30%;">
                            <div class="fields_input">
        <%--  <label ><h:outputText value="#{locale.currency}"/>:</label>
        <h:selectOneMenu id="comboboxn5501" value="#{customerExpand.TV028}"  styleClass="combobox" style="width:90px; float: left;margin-left:45px;">
        <%-- <f:selectItems value="#{k100supplierController.combN550}"></f:selectItems> 
        <f:selectItem itemValue="VND"  itemLabel="VND"/>
        <f:selectItem itemValue="USD"  itemLabel="USD"/>                                           
        <f:selectItem itemValue="EUR"  itemLabel="EUR"/>
    </h:selectOneMenu>
</div>

                        </div>
                        <div style="float:left; width:100%;">
                            <div class="fields_input">
                                <label><h:outputText value="#{locale.bank}"/> *:</label>
                                <h:inputText value="#{customerExpand.TV029}" styleClass="requiredN" id="cusname1" style="width:460px; " />

                            </div>

                            <div class="fields_input">
                                <label ><h:outputText value="#{locale.address}"/>:</label>
                                <h:inputText value="#{customerExpand.TV030}" id="contact1" style="width:460px; " />
                            </div>    
                        </div>


                        <div class="popup-footer" style="height:40px;">
                            <div style="float:left;"  class="alert2"></div>
                            <div class="demo">  <h:panelGroup id="message7" > <div class="alert1"><h:outputText rendered="#{customerExpand.countContact != 0}" styleClass="delay" value="Dữ liệu cập nhật thành công!"/> </div></h:panelGroup> </div>
                            <a4j:commandButton  value='#{locale.save}' actionListener="#{customerExpand.saveAccount}"
                                                onclick=" showPleaseWait();"
                                                oncomplete="hidePleaseWait();" 
                                                styleClass="buttonsaveAccount" reRender="message7" />
                        </div>
                    </div>
                </h:panelGroup>

                <h:panelGroup id="accountnoibo">
                    <span class="header-box customerK100"><h:outputText value="Quản lý nội bộ"/></span>

                    <div class="customer-box" style="display:none">

                        <div class="customer-boxcustomer">
                            <!-- Danh cho from contact N950 ------------------------------------------>
                        </div>
                    </div>
                </h:panelGroup>


                <span class="header-box"><h:outputText value="#{locale.company}"/></span>



                <div class="customer-box" style="display:none">
                    <h:inputHidden id="PN100n3"  value="#{customerExpand.PN100}"  />
                    <div class="fromtim">
                        <div class="fast_search1">
                            <h:inputText value="#{customerExpand.keySearch}" onfocus="if(this.value=='')this.value='';" styleClass="keysearch1"  style="width:300px;margin-left: 66px;"/>
                            <a4j:commandButton  value='' actionListener="#{customerExpand.reload1}"
                                                onclick="showPleaseWait();"
                                                oncomplete="hidePleaseWait();" 
                                                styleClass="buttonsearch" reRender="message6,search"  />

                        </div>
                    </div>
                    <div class="buttonsave1"><span><h:outputText value="Thêm công ty"/></span></div><div class="buttonsave2"><span><h:outputText value="Tìm kiếm"/></span></div>
                    <div class="research">
                        <h:panelGroup id="search">
                            <div style="height:150px ; width:100%; overflow-x:auto; overflow-y:scroll"> 
                                <rich:dataTable reRender="sc2" value="#{customerExpand.listCustomerExpand}" var="item"                            
                                                onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                                                width="926px" columnClasses=",columns,columns,columns" rowKeyVar="row"
                                                id="table" styleClass="machinePosDataTable">
                                    <rich:column>
                                        <f:facet name="header">
                                            <h:outputText value="Chọn" />
                                        </f:facet>

                                        <input type="checkbox" class="check_select1" name="foo" value="bar<h:outputText value="#{row+1}"/>" lang="<h:outputText value="#{item.pk100}"/>" />
                                    </rich:column>
                                    <rich:column style="width:300px;" styleClass="demo11">
                                        <f:facet name="header">
                                            <h:outputText  value="Tên công ty" />
                                        </f:facet>
                                        <div class="congty">
                                            <h:outputText  styleClass="cty" value="#{item.kv103}" />    
                                        </div>
                                    </rich:column>
                                    <rich:column style="width:200px;" styleClass="demo11">
                                        <f:facet name="header">
                                            <h:outputText  value="Tên giao dịch" />
                                        </f:facet>
                                        <div style="width:120px;">
                                            <h:outputText  styleClass="tendg" value="#{item.kv105}" />
                                        </div>
                                    </rich:column>
                                    <rich:column style="width:200px;" styleClass="demo11">
                                        <f:facet name="header">
                                            <h:outputText styleClass="tnn" value="Ngành nghề" />
                                        </f:facet>
                                        <div style="width:200px;">
                                            <h:outputText   value="#{item.nv552}" />
                                            <h:outputText style="display:none"  styleClass="cty1" value="#{item.fn550}" />
                                        </div>
                                    </rich:column>

                                </rich:dataTable>
                            </div>
                            <div class="popup-footer" style="height:40px;">
                                <h:outputText value="#{customerExpand.message}" id="mesagecheck" styleClass="message"/>
                                <a4j:commandButton  value='#{locale.save}' actionListener="#{customerExpand.saveCarew}"
                                                    onclick=" showPleaseWait();"
                                                    oncomplete="hidePleaseWait();" style="margin-right:55px;"
                                                    styleClass="buttonsaveCompany1" reRender="mesagecheck">

                                </a4j:commandButton>
                            </div>

                        </h:panelGroup>
                    </div>
                    <div class="fromcareww">
                        <div style="float:left; width:45%;">
                            <div class="fields_input">
                                <label><h:outputText value="Tên công ty"/> *:</label>&nbsp;
                                <h:inputText value="#{customerExpand.KV102}" >
                                </h:inputText>

                            </div>
                            <div class="fields_input">
                                <label><h:outputText value="Tên giao dịch"/>:</label>&nbsp;
                                <h:inputText value="#{customerExpand.KV103}" id="company1" >
                                    <h:message for="company1"/>
                                </h:inputText>

                            </div>
                        </div>
                        <div style="float:left; width:55%;">
                            <div class="fields_input">
                                <label style="width:113px"><h:outputText value="#{locale.career}"/>: </label>
                                <h:selectOneMenu id="comboboxn550" value="#{customerExpand.FN550}"  styleClass="combobox" style="width:192px;">
                                    <f:selectItems value="#{k100Controller.combN550}"></f:selectItems> 
                                </h:selectOneMenu>
                            </div>
                            <div class="fields_input">
                                <label style="width:113px"><h:outputText value="#{locale.customertype}"/>:</label>
                                <h:selectOneRadio value="#{customerExpand.KN114}" id="sex" styleClass="select_cus"  style="margin-left:15px;"  >
                                    <f:selectItem itemValue="1" itemLabel="#{locale.normal_customer}"/>
                                    <f:selectItem itemValue="0" itemLabel="#{locale.hiddencustomer}"/>
                                </h:selectOneRadio>
                            </div>
                        </div>
                        <div style="width:100%;float:left;">
                            <label><h:outputText value="#{locale.notice1}"/>:</label>
                            <h:inputTextarea value="#{customerExpand.KV101}" cols="20" style="margin-left: 9px;width: 517px;" ></h:inputTextarea>
                            </div>
                            <div class="popup-footer" style="height:40px;">
                            <h:outputText value="#{customerExpand.message}" id="mesage1111" styleClass="message"/>
                            <a4j:commandButton  value='#{locale.save}' actionListener="#{customerExpand.saveDataFK100}"
                                                onclick="showPleaseWait();"
                                                oncomplete="hidePleaseWait();" style="margin-right:55px;"
                                                styleClass="buttonsave" reRender="mesage1111,pn100,pn100lang">

                            </a4j:commandButton>

                        </div>
                    </div>
                    <!-- E/DIVnd List Content-->
                </div>
                <div class="messa" style=" margin-left: 89px;margin-top: 368px !important;">                                
                    <h:outputText id="message" value="#{locale.please_save_customer}" style="display:none;margin-left:200px;color:red;font-style:italic;font-size:12px;" styleClass="messa"/>
                </div>
            </div>
        </div>
        --%>
    </a4j:form> 